<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新增薪资核算表</title>
    <link rel="stylesheet" href="../../css/薪资/新增薪资核算表.css" />
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" />
</head>

<body>
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel">删除</h4>
                </div>
                <div class="modal-body">是否确定删除</div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal" id="callOff">取消</button>
                    <button type="button" class="btn btn-primary" id="btn-primary">确认</button>
                </div>
            </div>
        </div>
    </div>


    <!-- 顶部导航栏 -->
    <div class="navigation-top">
        <nav class="nav-ct">
            <div class="nav-hd">
                <span class="iconfont icon-oabangong"></span>
                <span class="title">办公后台系统</span>
            </div>
            <div class="center">
                <ul class="nav-content">
                    <li><a href="../index.html">工作台</a></li>
                    <li><a href="">数据大屏</a></li>
                    <li><a href="">员工</a></li>
                    <li><a href="">组织</a></li>
                    <li><a href="">招聘</a></li>
                    <li><a href="">考勤</a></li>
                    <li><a href="">薪酬</a></li>
                    <li><a href="">社保公积金</a></li>
                    <li><a href="">绩效</a></li>
                    <li><a href="">培训</a></li>
                    <li><a href="">审批</a></li>
                    <li><a href="">权限设置</a></li>
                </ul>
            </div>
        </nav>
    </div>
    <div class="below">
        <!-- 左导航栏 -->
        <div class="navigation-left">
            <div class="nav-ct-2">
                <ul class="nav-ct-menu">
                    <div class="title">薪酬管理
                        <ul>
                            <li><a href="../薪资/薪资.html">薪资</a>
                            </li>
                            <li><a href="../薪资/薪资核算表.html">薪资核算表</a>
                            </li>
                            <li><a href="../薪资/工资条.html">工资条</a></li>
                        </ul>
                    </div>
                </ul>
            </div>
        </div>
        <!-- 内容部分 -->
        <div class="content">
            <div class="content-top">
                <div class="content-top-top">
                    <h2>
                        新增薪资核算
                    </h2>
                </div>
            </div>
            <div class="information">
                <div class="information-top">
                    <span class="ul blue">① 基础核算信息</span>
                    <span class="people">② 核对算薪人员</span>
                    <span class="money">③ 核算薪资</span>
                </div>
                <div class="information-bottom">
                    <ul id="ul" class="block">
                        <li>
                            <h4>*核算表名称：</h4>
                            <span><input type="text" id="name"></span>
                        </li>
                        <li>
                            <h4>*算薪时间：</h4>
                            <span><input type="text" id="month"></span>
                        </li>
                        <li>
                            <h4>薪资组：</h4>
                            <span>
                                <select name="" id="departmentList">
                                </select>
                            </span>
                        </li>
                        <li>
                            <button type="button" class="btn btn-primary" id="abolish">取消</button>
                            <button type="button" class="btn btn-info" id="start">开始核算</button>
                        </li>
                    </ul>
                    <div id="people" class="none">
                        <div class="people-top">
                            <button type="button" class="btn btn-primary educe" id="checkAll">全选</button>
                            <button type="button" class="btn btn-primary educe" id="beganAccounting">开始核算</button>
                        </div>
                        <div id="people-information">
                            <table>
                                <thead>
                                    <tr>
                                        <th>姓名</th>
                                        <th>工号</th>
                                        <th>所在部门</th>
                                        <th>职位</th>
                                        <th>员工状态</th>
                                        <th>入职日期</th>
                                        <th>操作</th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                        <div class="page-turning">
                            <div id="pre">
                                <span>
                                    <img src="https://cdn3.axureshop.com/demo/2080033/images/%E8%8A%B1%E5%90%8D%E5%86%8C/u956.png"
                                        alt="">
                                </span>
                            </div>
                            <div id="pages"></div>
                            <div id="next">
                                <span>
                                    <img src="https://cdn3.axureshop.com/demo/2080033/images/%E8%8A%B1%E5%90%8D%E5%86%8C/u957.png"
                                        alt="">
                                </span>
                            </div>
                        </div>
                    </div>
                    <div id="money" class="none">
                        <div class="money-top">
                            <button type="button" class="btn btn-primary educe" id="checkAll1">全选</button>
                            <button type="button" class="btn btn-primary educe" id="beganAccounting1">开始核算</button>
                        </div>
                        <div id="money-information">
                            <table>
                                <thead>
                                    <tr>
                                        <th>姓名</th>
                                        <th>工号</th>
                                        <th>所在部门</th>
                                        <th>职位</th>
                                        <th>员工状态</th>
                                        <th>入职日期</th>
                                        <th>基本薪资</th>
                                        <th>请假扣款</th>
                                        <th>加班费</th>
                                        <th>五险一金</th>
                                        <th>最终工资</th>
                                        <th>操作</th>

                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                        <div class="page-turning">
                            <div id="pre">
                                <span>
                                    <img src="https://cdn3.axureshop.com/demo/2080033/images/%E8%8A%B1%E5%90%8D%E5%86%8C/u956.png"
                                        alt="">
                                </span>
                            </div>
                            <div id="money-pages"></div>
                            <div id="next">
                                <span>
                                    <img src="https://cdn3.axureshop.com/demo/2080033/images/%E8%8A%B1%E5%90%8D%E5%86%8C/u957.png"
                                        alt="">
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="../../js/薪资/新增薪资核算表.js"></script>

</html>